<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>手动配送币</title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/semantic.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/main.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/common.css">
    <link rel="stylesheet" href="__PUBLIC__/Css/page.css">
    
    <link href="__PUBLIC__/Css/bootstrap.min14ed.css" rel="stylesheet" media="all" type="text/css" />
    <script src="__PUBLIC__/Js/jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" href="__PUBLIC__/layui/build/css/layui.css">
    <script src="__PUBLIC__/layui/build/layui.js" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/layui.mobile.css">
    <style>
        .zong{width:100%;height:40px;line-height: 40px;border-bottom: 1px solid #fff}
        .tittle{width:100px;float:left;padding-left:10px;}
        .info{float:left}
        .shr>p>img{
            width:40%;}
    </style>

</head>
<body>
    <div class="accounttitle"><h1>配送币 </h1></div>
<div class="pusher">

    <div class="ui inverted vertical masthead white segment">


        <div style="width: 90%;margin:10px auto;">
            <table width="100%" class="tab3_bottom" border="0" cellpadding="0" cellspacing="1">
                <volist name='list' id='vo' key="k">
                    <div <if condition="$k%2== '0'"><if condition="$k%4== '0'"> style="background-color:#eaeae9;border-radius:5px;"<else/> style="background-color:#fcf8e3;border-radius:5px;" </if ><else/>style="background-color:#eaeae9;border-radius:5px;"</if > >
                    <div class="zong">
                        <div class="tittle">编号</div>
                        <div class="info">{$vo['id']}</div>
                    </div>


                    <div class="zong">
                        <div class="tittle">生成时间</div>
                        <div class="info">{$vo.create|date='Y-m-d H:i:s',###}</div>
                    </div>
                    <div class="zong">
                        <div class="tittle">最近配币</div>
                        <div class="info">{$vo.update|date='Y-m-d H:i:s',###}</div>
                    </div>
                    <div class="zong">
                        <div class="tittle">金额</div>
                        <div class="info" style="color: #ea3136">{$vo['all_money']}</div>
                    </div>

                    <gt name="vo['sub_money']" value="0">
                        <div class="zong">
                            <div class="tittle" style="color: red;">少配的金额</div>
                            <div class="info" style="color: #ea3136">{$vo['sub_money']}</div>
                        </div>
                    </gt>

                    <div class="zong">
                        <div class="tittle">剩余金额</div>
                        <div class="info" style="color: #ea3136">{$vo['live_money']}</div>
                    </div>
                    <div class="zong">
                        <div class="tittle">每次配币</div>
                        <div class="info" style="color: #ea3136">{$vo['e_day_money']}</div>
                    </div>
                    <div class="zong">
                        <div class="tittle">总次数</div>
                        <div class="info" style="color: #ea3136">{$vo['all_day']}</div>
                    </div>
                    <div class="zong">
                        <div class="tittle">已配次数</div>
                        <div class="info" style="color: #ea3136">{$vo['all_day'] - $vo['live_day']}</div>
                    </div>

                    <div class="zong">
                        <div class="tittle">剩余次数</div>
                        <div class="info" style="color: #ea3136">{$vo['all_day'] - $vo['live_day']}</div>
                    </div>


                    <!--<div class="zong">
                        <div class="tittle">剩余天数</div>
                        <div class="info" style="color: #b13a33">{$vo['live_day']}</div>
                    </div>-->

                    <!--<div class="zong">
                        <div class="tittle">类型</div>
                        <div class="info" style="color: #b13a33">
                            <eq name="vo.stype" value="0"><font color="blue">电子币</font></eq>
                            <eq name="vo.stype" value="1"><font>消费币</font></eq>
                            <eq name="vo.stype" value="2"><font color="blue">互助升级</font></eq>
                            <eq name="vo.stype" value="3"><font color="blue">有效积分</font></eq>
                        </div>
                    </div>-->

                    <!--<div class="zong">
                        <div class="tittle">状态</div>
                        <div class="info"><eq name="vo['is_pay']" value="0">
                            <span style="color: #b13a33">未确认</span>
                            <span style="color: blue;">
                                <eq name="vo.img" value="">
                                    <a href="__URL__/upload_voucher/oid/{$vo.id}" title="点击上传凭证">上传凭证</a>
                                <else/>
                                    <a href="__URL__/upload_voucher/oid/{$vo.id}" title="已上传">查看凭证</a>
                                </eq>
                            </span>
                        </eq>
                            <eq name="vo['is_pay']" value="1">已确认</eq></div>
                    </div>-->
               </div>
                <div style="clear: both"></div>
                </volist>
            </table>
    </div>
    <div class="bottom"></div>
</div>
</div>
<div style="text-align: center" class="pagelist">{$page}</div>

    <style>
        .infoA p{
            float: left;
        }
        .infoA{
            margin-top:10px;
        }
        .input-group{margin-top:15px;width: 100%}
        .laydate_box{left: 10px !important;}
    </style>

   


</div>
 <form style="margin-top:5px;text-align:center;" method='get' action="">
        第<input name="p" style="width: 50px;border:1px solid #cccc;padding-left:2px;" type="number">页
        <button style="width: 50px;border:none;background:#1296db;color: white;border-radius: 3px; ">跳转</button>
    </form>


    <form method='post'>
        <div style="margin: 0 auto;">


            <div style="clear: both"></div>

            <div class="form-group" id="data_5">
                <!--<label class="font-noraml"> 开通时间</label>-->
                <div class="input-daterange input-group" id="datepicker">

                    <input type="text" class="form-control" name="time1" id="time1"
                           placeholder="开通的开始日期" value="<notempty name='time1'>{$time1}</notempty>">
                    <span class="input-group-addon">到</span>
                    <input type="text" class="form-control" name="time2" id="time2"
                           placeholder="截止日期" value="<notempty name='time2'>{$time2}</notempty>">
                </div>
            </div>
            <div style="text-align:center;margin:0 auto" class="chaxun">
                <input style="background:#1296db;width: 60px;color: white" type="submit" name="Submit" value="查询" class="bt_tj"  />
            </div>
        </div>
    </form>
<div style="height: 50px;"></div>
<include file="Public:footer" />

    <script type="text/javascript">
        layui.use('laydate', function(){
            var laydate = layui.laydate;
            var start = {
                // min: laydate.now(-2)
                max: '2099-06-16 23:59:59'
                ,istoday: false
                ,choose: function(datas){
                    end.min = datas; //开始日选好后，重置结束日的最小日期
                    end.start = datas //将结束日的初始值设定为开始日
                }
            };

            var end = {
                min: laydate.now()
                ,max: '2099-06-16 23:59:59'
                ,istoday: false
                ,choose: function(datas){
                    start.max = datas; //结束日选好后，重置开始日的最大日期
                }
            };

            $('#time1').on('click',function(){
                start.elem = this;
                laydate(start);
            });
            $('#time2').on('click',function(){
                end.elem = this
                laydate(end);
            });
        });
    </script>